@import '../../../../assets/scss/support';
page{
  background-color: #f4f5f7;
}

.tip{
  width:702rpx;
  height:64rpx;
  background-color: #fff0f0;
  padding:0 24rpx;
  line-height: 64rpx;
  font-size: 26rpx;
  color:#ed403f;
}

.banner{
  width:702rpx;
  padding:0 24rpx 40rpx;
  display: flex;
  flex-direction: column;
  .section-1{
    margin-top:20rpx;
    width:662rpx;
    padding:0 20rpx;
    height:100rpx;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    .section-1-left{
      font-size: 30rpx;
      color:#333333;
    }
    .section-1-right{
      width:44rpx;
      height:44rpx;
      background: url('%ASSETS_IMG%/l-coupon-select@2x.png') no-repeat;
      background-size: contain;
    }
    .selected{
      background: url('%ASSETS_IMG%/l-coupon-selected@2x.png') no-repeat;
      background-size: contain;
    }
  }
  .section-2{
    display: flex;
    flex-direction:column;
    .section-2-item{
      padding:0 20rpx;
      width:662rpx;
      height:180rpx;
      margin-top:30rpx;
      background-color: #ffffff;
      display: flex;
      flex-direction: row;
      align-items: center;
      .section-2-item-left{
        width:210rpx;
        height:180rpx;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .section-2-item-left-top{
          display: flex;
          flex-direction: row;
          align-items: baseline;
          .money{
            font-size: 60rpx;
            color:#e93b39;
            font-weight: 600;
          }
          .rmb{
            font-size: 30rpx;
            color:#e93b39;
            font-weight: normal;
          }
          .discount{
            font-size: 30rpx;
            color:#e93b39;
          }
        }
        
        .section-2-item-left-bottom{
          font-size: 24rpx;
          color:#ff7777;
          margin-top:6rpx;
        }
      }
      .line{
        width:2rpx;
        height:86rpx;
        background-color: #e9e9e9;
      }
      .section-2-item-right{
        width:434rpx;
        padding-left:16rpx;
        height:180rpx;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        .left{
          width:384rpx;
          height:180rpx;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          .name{
            font-size: 32rpx;
            color:#333333;
            @include textoverflow(1);
            max-width: 384rpx;
            margin-bottom:30rpx;
          }
          .time{
            font-size: 20rpx;
            color:#999999;
          }
        }
        .right{
          width:44rpx;
          height:44rpx;
          background: url('%ASSETS_IMG%/l-coupon-select@2x.png') no-repeat;
          background-size: contain;
        }
        .selected{
          background: url('%ASSETS_IMG%/l-coupon-selected@2x.png') no-repeat;
          background-size: contain;
        }
      }
    }
  }

  .disSelect{
    color:#dddddd;
    .section-2-item{
      .section-2-item-left{
        .section-2-item-left-top{
          .money{
            color:#dddddd;
          }
          .rmb{
            color:#dddddd;
          }
          .discount{
            color:#dddddd;
          }
        }
        .section-2-item-left-bottom{
          color:#dddddd;
        }
      }
      .section-2-item-right{
       .left{
         .name{
           color:#dddddd;
         }
         .time{
           color:#dddddd;
         }
       } 
      }
    }
    
  }
  .title{
    width:100%;
    margin:46rpx auto 0;
    text-align: center;
    font-size: 32rpx;
    color:#666666;
    font-weight: 500;
  }
}

